// components/page-tab/page-tab.js
Component({
    //小程序组件中，如果要使用多插槽（具名插槽），把multiplesLots设置为true
  options: {
    multipleSlots: true,
  },
  /**
   * 组件的属性列表 相当于vue中props  父组件传进来的状态
   */
  properties: {
    active: {
      type: [Number, String], //接受的类型  类型 必须
      value: 0, //默认值  可选
      observer(newVal, oldVal) {
        //类似于vue2中 watch 用法 可选
      },
    },
  },

  /**
   * 组件的初始数据
   */
  data: {},

  /**
   * 组件的方法列表
   */
  methods: {
    onChange(event) {
      // console.log(event);
      // 子组件给父组件传值
      // 触发事件  triggerEvent
      this.triggerEvent("change", Number(event.currentTarget.dataset.index));
    },
  },
});
